<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <p></p>
    <p></p>
    <p></p>
    <p class="a"></p>

    <script>

        // 伪数组 --- 类数组
        //    跟数组类似   都有长度，下标这样的特征  但是没有数组的那些方法

        //   Arguments
        //   NodeList  (qsa)   有forEach方法
        //   HTMLCollection  (getElements..)  没有forEach方法


        //   伪数组转真数组
        //     遍历 Push
        //     ...
        //     Array.from()  ********************


        //     Array.isArray()  判断是不是数组



        function f() {
            console.log(arguments);
            // var arr = [...arguments];
            // var arr = Array.from(arguments)
        }

        f(1, 2, 3, 4)


        // console.log(document.querySelectorAll('p'));

        // console.log(document.getElementsByTagName('p'));


        var oPs = document.querySelectorAll('p');

        var oP = document.querySelector('.a');



        // 转真数组
        // const arr = [];
        // for (let i = 0; i < oPs.length; i++) {
        //     arr.push(oPs[i])
        // }


        // oPs = [...oPs];


        oPs = Array.from(oPs);

        console.log(oPs);


        // 判断oPs中是否有oP

        console.log(oPs.includes(oP));


        const arr2 = [1, 2, 3];

        // console.log(typeof arr2);

        console.log(Array.isArray(arr2));

    </script>

</body>

</html>